<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        //  ecmascript    es5 之前的内容
        // java 1
        // ecmascript 6  es6 的时候改版很大
        // 之前包括今天  讲的内容有可能在es6里面是错误的
        // var   
        // 作用域  全局作用域   局部作用域（函数作用域）    
        // 没有块级作用域的
       

        // js 是没有块级作用域的
        if(true){
            var a=20;
        }
        console.log(a);



        // es6 提供了几种新的申明变量的方法
        // 其中一种为let
        // if(true){
        //     let d=10;
        //     console.log('d',d);
        // }
        // console.log('d',d);



        // 全局作用域
        // 在 script 标签中、或者js文件中 就是全局作用域  
        // 在它中间定义的变量叫做全局变量
        var b=10;
        var b=20;
        console.log(b);


        // 局部作用域
        // 在函数内部就是局部作用域
        // 在其中定义的变量叫局部变量
        function myFun(){
            var c=10;
            console.log(c);
            console.log(b);
        }
        myFun();
        // 局部变量只能在函数内部使用  出了函数无法使用
        // console.log(c);

    </script>

</body>
</html>